<template>
  <view class="service-agreement">
    <!-- 协议内容区域 -->
    <scroll-view scroll-y class="agreement-container">
      <view class="agreement-content">
        <view class="title">隆宇电力智慧管理平台用户服务协议</view>
        
        <view class="section">
          <view class="section-title">一、特别提示</view>
          <view class="section-content">
            欢迎使用隆宇电力智慧管理平台（以下简称"本平台"）。您通过登录/注册操作即表示已充分理解并同意接受本协议的全部内容。
          </view>
        </view>

        <view class="section">
          <view class="section-title">二、账号注册与管理</view>
          <view class="section-content">
            1. 您需使用真实有效的企业信息进行实名注册<br>
            2. 您应对账户信息及密码承担严格保密义务<br>
            3. 主账户管理员可创建子账户并设置不同操作权限
          </view>
        </view>

        <view class="section">
          <view class="section-title">三、服务内容</view>
          <view class="section-content">
            本平台为您提供以下电力智慧管理服务：<br>
            • 电力实时监测与分析<br>
            • 设备运行状态监控<br>
            • 用电安全风险预警<br>
            • 用电数据分析报表<br>
            • 工单管理与故障报修
          </view>
        </view>

        <view class="section">
          <view class="section-title">四、用户权利义务</view>
          <view class="section-content">
            您承诺在使用服务时：<br>
            • 遵守中国法律法规及平台规则<br>
            • 不传播违法或侵权内容<br>
            • 保证所有注册信息真实准确<br>
            • 及时更新企业信息变更内容
          </view>
        </view>

        <view class="section">
          <view class="section-title">五、数据与隐私保护</view>
          <view class="section-content">
            1. 您通过本平台上传的数据及分析结果归您所有<br>
            2. 平台采用256位SSL加密技术保护数据传输<br>
            3. 建立多重防火墙防护体系<br>
            4. 执行定期数据备份策略
          </view>
        </view>

        <view class="section">
          <view class="section-title">六、免责声明</view>
          <view class="section-content">
            因以下原因导致服务中断的，平台不承担责任：<br>
            • 不可抗力因素（自然灾害、战争等）<br>
            • 电力、通讯等基础设施中断<br>
            • 法律法规变化导致的服务调整
          </view>
        </view>

        <view class="update-date">更新日期：2025年6月7日</view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  methods: {
    goBack() {
      uni.navigateBack();
    }
  }
}
</script>

<style lang="scss">
.service-agreement {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f8f9fa;
}

.agreement-container {
  flex: 1;
}

.agreement-content {
  background: #fff;
  border-radius: 16rpx;
  padding: 40rpx;
  line-height: 1.8;
}

.title {
  text-align: center;
  font-size: 40rpx;
  font-weight: bold;
  margin-bottom: 40rpx;
  color: #333;
}

.section {
  margin-bottom: 40rpx;
  padding-bottom: 30rpx;
  border-bottom: 1rpx solid #eee;
}

.section-title {
  font-size: 34rpx;
  font-weight: bold;
  margin: 30rpx 0 15rpx;
  color: #1a6ecc;
}

.section-content {
  font-size: 30rpx;
  color: #555;
  text-align: justify;
  padding-left: 20rpx;
}

.update-date {
  text-align: right;
  margin-top: 40rpx;
  font-size: 26rpx;
  color: #999;
}
</style>